import Base from '../Base.js';
import "../../css/move-info.css"


export default class Info extends Base {

  render() {
    this.el.html(`  
  <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo">猫眼后台管理系统</div>
            <!-- 头部区域（可配合layui已有的水平导航） -->
            <ul class="layui-nav layui-layout-left">
              <li class="layui-nav-item"><a href="#">电影院</a></li>
              <li class="layui-nav-item"><a href="#">影厅</a></li>
              <li class="layui-nav-item"><a href="#">座位</a></li>
              <li class="layui-nav-item"><a href="#">电影</a></li>
              <li class="layui-nav-item"><a href="#">排片</a></li>
            </ul>
            <ul class="layui-nav layui-layout-right">
              <li class="layui-nav-item">
                <a href="javascript:;">
                  <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                  贤心
                </a>
                <dl class="layui-nav-child">
                  <dd><a href="#">基本资料</a></dd>
                  <dd><a href="#">安全设置</a></dd>
                </dl>
              </li>
              <li class="layui-nav-item"><a href="">退了</a></li>
            </ul>
          </div>
          
          <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
              <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
              <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                      <a class="" href="javascript:;">前台用户管理</a>
                      <dl class="layui-nav-child">
                        <dd><a href="javascript:;">用户列表</a></dd>
                      </dl>
                    </li>
                    <li class="layui-nav-item">
                      <a href="javascript:;">管理员管理</a>
                      <dl class="layui-nav-child">
                        <dd><a href="javascript:;">管理员列表</a></dd>
                      </dl>
                    </li>
                  <li class="layui-nav-item">
                    <a href="#">电影管理</a>
                    <dl class="layui-nav-child">
                      <dd><a href="#/info/adminMovies-list">电影列表</a></dd>
                      <dd><a href="#/info/adminMovie-updeta">上传电影</a></dd>
                      <dd><a href="#/info/adminMovie-details">电影详情</a></dd>
                    </dl>
                </li>
                  <li class="layui-nav-item">
                    <a href="javascript:;">影院管理</a>
                    <dl class="layui-nav-child">
                      <dd><a href="javascript:;">影院列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                  <a href="javascript:;">放映厅管理</a>
                  <dl class="layui-nav-child">
                    <dd><a href="javascript:;">放映厅列表</a></dd>
                  </dl>
                </li>
                <li class="layui-nav-item">
                <a href="javascript:;">排片管理</a>
                <dl class="layui-nav-child">
                  <dd><a href="javascript:;">排片列表</a></dd>
                </dl>
              </li>
              <li class="layui-nav-item">
                <a href="javascript:;">座位管理</a>
                <dl class="layui-nav-child">
                  <dd><a href="javascript:;">座位详情</a></dd>
                </dl>
              </li>
            </ul>
          </div>
        </div>

   

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div class="layui-tab-content" style="height: 150px;">
            <div class="layui-tab-item layui-show  info-content"> </div>
        </div>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © 猫眼后台系统
    </div>
</div>
        `);

    layui.element.render();
  }
}